<template>
	<view class="content">
		<!-- <web-view class="web-frame" ref="webView"  :webview-styles="webviewStyles" :src="navUrl"></web-view> -->
		
	</view>
</template>
 
<script>
	let wv;
	import NavigationTitle from '@/components/navigationTitle'
	export default {
	data() {
		return {
			viewerUrl: '/hybrid/html/web/viewer.html',
			navUrl:'',
		};
	},
	onLoad(option) {
		this.navUrl =this.viewerUrl + '?file='+ option.path
		// #ifdef APP-PLUS
				wv = plus.webview.create("","custom-webview",{
					plusrequire:"none", //禁止远程网页使用plus的API，有些使用mui制作的网页可能会监听plus.key，造成关闭页面混乱，可以通过这种方式禁止
		      'uni-app': 'none', //不加载uni-app渲染层框架，避免样式冲突
					top:uni.getSystemInfoSync().statusBarHeight, //放置在titleNView下方。如果还想在webview上方加个地址栏的什么的，可以继续降低TOP值
				})
				wv.loadURL(this.navUrl)
				var currentWebview = this.$scope.$getAppWebview(); //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效
				currentWebview.append(wv);//一定要append到当前的页面里！！！才能跟随当前页面一起做动画，一起关闭
				setTimeout(function() {
					console.log(wv.getStyle())
				}, 1000);//如果是首页的onload调用时需要延时一下，二级页面无需延时，可直接获取
				// #endif
	},
	onShow() {
		
	},
	methods: {
				 
	},
};
</script>
 
<style lang="scss" scoped> 
uni-page-body,page,#app{
	height: 100%;
	// .title-padding {//解决异形屏顶部展示问题
	// 	height: var(--status-bar-height);
	// 	box-sizing: content-box;
	// }
	
	.content{
		height: 100%;
		width: 100%;
		overflow: auto;
		.report-header{
			width: 100%;
			height: 5%;
		}
		.report-area{
			height: 100%;
			display: flex;
			width: 100%;
			.nav-tab{
				height: 45px;
				width: 100%;
			}
			.web-frame{
				margin-top: 45px!important;
				height: 90%;
				width: 100%;
			}
			
		}
	}
 
	
}
 
</style>